html {
    font-size: 15px;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

@media (min-width: 860px) {
    .container {
        padding: 0 6rem;
    }
}

img {
    max-width: 100%;
}

body {
    --color-base: #fff;
    --color-base-1: #f3f3f3;
    --color-contrast: #000;
    --color-contrast-1: #2b2b2b;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 16px;
    background: var(--color-base);
    color: var(--color-contrast);
    transition: background .5s ease;
}

pre {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    --color-base-1: #f3f3f3;
    background: var(--color-base-1)
}

textarea {
    resize: none;
    height: 140px;
}